import { messageFormat } from '@nanostores/i18n'
import { i18n } from '../stores/i18n'

export const messages = i18n('component', {
   click: messageFormat('Click {#link}here{/link}'),
   greeting: messageFormat('Welcome {$user}! {#star/}')
})

const t = useStore(messages)

t.click({ link: (content) => `<a href="https://github.com/nanostores/i18n">${content}</a>` }) // => 'Click <a href="https://github.com/nanostores/i18n">here</a>'
t.greeting({ user: 'Jane', star: () => '⭐' }) // => 'Welcome Jane! ⭐'